<!DOCTYPE html>

<html lang="zh-CN">
    <head>
        <meta charset = "utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        
        <title>index</title>

        <link rel="stylesheet" href="css/style.css">
        <link rel="shortcut icon" href="img/logo.png">
    </head>

    <body>
        <header class="header">
        	<div class="nav-wrapper">
        		<div class="logo-wrapper">
        		    <a href="index.html">
        		        <img class="logo" alt="logo" src="img/logo.png">
        		    </a>
        		</div>

        		<nav class="nav">
        		    <ul>
        		    	<li> <a href="index.html">首页</a> </li>
        		    	<li> <a href="blog.html">文章</a> </li>
        		    	<li> <a href="gallery.html">作品</a> </li>
        		    	<li> <a href="about.html">关于</a> </li>
        		    </ul>
        		</nav>
        	</div>

        	
        	<a class="link-github" href="https://github.com">
        	    <img alt="link to github" src="img/icon-github.png">
        	</a>
        </header>

        <div class="about-page clearfix">
        	<div class="split"></div>
            <div class="center-content">
            	<div class="station-master">
            		<figure class="thumbnail-wrapper">
                	    <img class="img" alt="station-master" src="img/master.jpg">
                    </figure>

                    <div class="infor clearfix">
                        <div class="left-infor float-left">
                            <span>wlbreath</span>
                        </div>
                        <div class="right-infor float-right">
                            <p>准程序员，Front End Programmer。写不出来长长的自我介绍呀。写不出来长长的自我介绍呀。写不出来长长的自我介绍呀。写不出来长长的自我介绍呀。写不出来长长的自我介绍呀。写不出来长长的自我介绍呀。写不出来长长的自我介绍呀。写不出来长长的自我介绍呀。写不出来长长的自我介绍呀。</p>
                        </div>
                    </div>
            	</div>

            	<div class="contact">
            		<figure class="thumbnail-wrapper">
                	    <img class="img" alt="contact" src="img/master.jpg">
                    </figure>

                    <div class="infor clearfix">
                        <div class="left-infor float-left">
                            <span>联系方式</span>
                        </div>
                        <div class="right-infor float-right">
                            <p>手机号：XXXXXXXXXXX</p>
                            <p>qq：XXXXXXXXXXX</p>
                            <p>wechat：XXXXXXXXXXX</p>
                        </div>
                    </div>
                </div>

                <div class="education">
            		<figure class="thumbnail-wrapper">
                	    <img class="img" alt="education" src="img/master.jpg">
                    </figure>

                    <div class="infor clearfix">
                        <div class="left-infor float-left">
                            <p>教育经历</p>
                        </div>
                        <div class="right-infor float-right">
                            <div class="item clearfix">
                                <time class="datetime float-left" datetime="2008-09-01">2008</time>
                                <p class="float-left">南陵中学</p>
                            </div>
 
                            <div class="item clearfix">
                                <time class="datetime float-left" datetime="2011-09-01">2011</time>
                                <p class="float-left">合肥工业大学<br>软件学院 软件工程</p>
                            </div>
                            
                            <div class="item clearfix">
                                <time class="datetime float-left" datetime="2015-09-01">2015</time>
                                <p class="float-left">中国科学技术大学<br>计算机学院 数据挖掘</p>
                            </div>
                        </div>
                    </div>
                </div>

                 <div class="intership">
            		<figure class="thumbnail-wrapper">
                	    <img class="img" alt="intership" src="img/master.jpg">
                    </figure>

                    <div class="infor clearfix">
                        <div class="left-infor float-left">
                            <p>实习经历</p>
                        </div>
                        <div class="right-infor float-right">
                            <div class="item clearfix">
                                <time class="datetime float-left" datetime="2014-08-01">2014</time>
                                <p class="float-left">
                                    合肥启运软件责任有限公司<br>
                                    负责公司核心产品Gamemei的前端开发
                                </p>
                            </div>
 
                            <div class="item clearfix">
                                <time class="datetime float-left" datetime="2015-06-01">2015</time>
                                <p class="float-left">
                                    安徽徽远成电气责任有限公司<br>
                                    在公司负责数据库的设计和java开发
                                </p>
                            </div>                          
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <footer class="footer">
            <nav class="footer-nav">
                <ul>
                    <li> <a href="index.html">首页</a> </li>
                    <li> <a href="blog.html">文章</a> </li>
                    <li> <a href="gallery.html">作品</a> </li>
                    <li> <a href="about.html">关于</a> </li> 
                </ul>
            </nav>

            <div class="other-links">
                <dl class="link-category">
                    <dt class="link-name">学习资料</dt>
                    <dd class="links">
                        <ul>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">Hover时样式</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                        </ul>
                    </dd>
                </dl>

                <dl class="link-category">
                    <dt class="link-name">友情链接</dt>
                    <dd class="links">
                        <ul>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">Hover时样式</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                    </dd>
                </dl>

                <dl class="link-category">
                    <dt class="link-name">学习资料</dt>
                    <dd class="links">
                        <ul>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">Hover时样式</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                        </ul>
                    </dd>
                </dl>

                <dl class="link-category">
                    <dt class="link-name">学习资料</dt>
                    <dd class="links">
                        <ul>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">Hover时样式</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                        </ul>
                    </dd>
                </dl>

                <dl class="link-category">
                    <dt class="link-name">友情链接</dt>
                    <dd class="links">
                        <ul>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">Hover时样式</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                            <li class="link"><a href="index.html">LINK</a></li>
                        </ul>
                    </dd>
                </dl>
            </div>

            <div class="copy-right">
                <p class="description">版权信息</p>
                <a href="https://github.com">
                    <img alt="copy-right" src="img/icon-github.png">
                </a>
            </div>
       	</footer>
    </body>
</html>